<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Hoc Web Shopping</title>
<link rel="stylesheet" href="css/screen.css" type="text/css"
	media="screen" title="default" />
<script src="js/jquery/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="js/jquery/ui.core.js" type="text/javascript"></script>
<script src="js/jquery/ui.checkbox.js" type="text/javascript"></script>
<script src="js/jquery/jquery.bind.js" type="text/javascript"></script>
<script type="text/javascript">
	$(function() {
		$('input').checkBox();
		$('#toggle-all').click(function() {
			$('#toggle-all').toggleClass('toggle-checked');
			$('#mainform input[type=checkbox]').checkBox('toggle');
			return false;
		});
	});
</script>


<script src="js/jquery/jquery.selectbox-0.5.js" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$('.styledselect').selectbox( {
			inputClass : "selectbox_styled"
		});
	});
</script>

<script src="js/jquery/jquery.selectbox-0.5_style_2.js"
	type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$('.styledselect_form_1').selectbox( {
			inputClass : "styledselect_form_1"
		});
		$('.styledselect_form_2').selectbox( {
			inputClass : "styledselect_form_2"
		});
	});
</script>

<script src="js/jquery/jquery.selectbox-0.5_style_2.js"
	type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$('.styledselect_pages').selectbox( {
			inputClass : "styledselect_pages"
		});
	});
</script>

<script src="js/jquery/jquery.filestyle.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
	$(function() {
		$("input.file_1").filestyle( {
			image : "images/forms/choose-file.gif",
			imageheight : 21,
			imagewidth : 78,
			width : 310
		});
	});
</script>

<script src="js/jquery/custom_jquery.js" type="text/javascript"></script>

<script src="js/jquery/jquery.tooltip.js" type="text/javascript"></script>
<script src="js/jquery/jquery.dimensions.js" type="text/javascript"></script>
<script type="text/javascript">
	$(function() {
		$('a.info-tooltip ').tooltip( {
			track : true,
			delay : 0,
			fixPNG : true,
			showURL : false,
			showBody : " - ",
			top : -35,
			left : 5
		});
	});
</script>


<link rel="stylesheet" href="css/datePicker.css" type="text/css" />
<script src="js/jquery/date.js" type="text/javascript"></script>
<script src="js/jquery/jquery.datePicker.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
	$(function() {

		$('#date-pick').datePicker( {
			createButton : false,
			startDate : '01/01/2005',
			endDate : '31/12/2020'
		}).bind('click', function() {
			updateSelects($(this).dpGetSelected()[0]);
			$(this).dpDisplay();
			return false;
		}).bind('dateSelected', function(e, selectedDate, $td, state) {
			updateSelects(selectedDate);
		}).bind('dpClosed', function(e, selected) {
			updateSelects(selected[0]);
		});

		var updateSelects = function(selectedDate) {
			var selectedDate = new Date(selectedDate);
			$('#d option[value=' + selectedDate.getDate() + ']').attr(
					'selected', 'selected');
			$('#m option[value=' + (selectedDate.getMonth() + 1) + ']').attr(
					'selected', 'selected');
			$('#y option[value=' + (selectedDate.getFullYear()) + ']').attr(
					'selected', 'selected');
		}
		$('#d, #m, #y').bind('change', function() {
			var d = new Date($('#y').val(), $('#m').val() - 1, $('#d').val());
			$('#date-pick').dpSetSelected(d.asString());
		});

		var today = new Date();
		updateSelects(today.getTime());

		$('#d').trigger('change');
	});
</script>

<script src="js/jquery/jquery.pngFix.pack.js" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$(document).pngFix();
	});
</script>
</head>
<body>
<div id="page-top-outer">
<div id="page-top">
<div id="logo"></div>

<div class="clear"></div>

</div>

</div>

<div class="clear">&nbsp;</div>

<div class="nav-outer-repeat">
<div class="nav-outer">

<div id="nav-right">

<div class="nav-divider">&nbsp;</div>
<div class="showhide-account"><img
	src="images/shared/nav/nav_myaccount.gif" width="93" height="14" alt="" /></div>
<div class="nav-divider">&nbsp;</div>
<a href="#" id="logout"><img src="images/shared/nav/nav_logout.gif"
	width="64" height="14" alt="" /></a>
<div class="clear">&nbsp;</div>

<div class="account-content">
<div class="account-drop-inner"><a href="#" id="acc-settings">Cài đặt</a>
<div class="clear">&nbsp;</div>
<div class="acc-line">&nbsp;</div>
<a href="#" id="acc-details">Thông tin cá nhân </a>
<div class="clear">&nbsp;</div>
<div class="acc-line">&nbsp;</div>
<a href="#" id="acc-inbox">Hộp thư</a>
<div class="clear">&nbsp;</div>
<div class="acc-line">&nbsp;</div>
<a href="#" id="acc-stats">Thống kê cá nhân</a></div>
</div>

</div>
<div class="nav">
<div class="table">

<ul class="select">
	<li><a href="admin-index.jsp"><b>Trang chủ</b><!--[if IE 7]><!--></a><!--<![endif]-->
		</li>
</ul>

<div class="nav-divider">&nbsp;</div>

<ul class="select">
	<li><a href="#"><b>Sản Phẩm</b><!--[if IE 7]><!--></a><!--<![endif]-->
	<div class="select_sub show">
	<ul class="sub">
		<li><a href="admin-index.jsp?id=admin-product-manager.jsp">Xem tất cả</a></li>
		<li class="sub_show"><a href="admin-index.jsp?id=admin-add-product-form.jsp">Thêm sản phẩm</a></li>
		<li><a href="#nogo">Cập nhật sản phảm</a></li>
	</ul>
	</div>
	</li>
</ul>

<div class="nav-divider">&nbsp;</div>

<ul class="select">
	<li><a href="#nogo"><b>Thể loại</b><!--[if IE 7]><!--></a><!--<![endif]-->
	<div class="select_sub">
	<ul class="sub">
		<li><a href="#nogo">Xem tất cả</a></li>
		<li><a href="#nogo">Thêm thể loại</a></li>
		<li><a href="#nogo">Cập nhật thể loại</a></li>
	</ul>
	</div>
	</li>
</ul>

<div class="nav-divider">&nbsp;</div>

<ul class="select">
	<li><a href="#"><b>Quản lý khách hàng</b><!--[if IE 7]><!--></a><!--<![endif]-->
	<div class="select_sub">
	<ul class="sub">
		<li><a href="admin-index.jsp?id=admin-user-manager.jsp">Xem tất cả</a></li>
		<li><a href="admin-index.jsp?id=admin-add-user-form.jsp">Thêm khách hàng</a></li>
		<li><a href="#nogo">Gửi thông tin quản cáo</a></li>
	</ul>
	</div>
	</li>
</ul>

<div class="nav-divider">&nbsp;</div>

<ul class="select">
	<li><a href="#nogo"><b>Quản Lý Quàng Cáo</b><!--[if IE 7]><!--></a><!--<![endif]-->
	<div class="select_sub">
	<ul class="sub">
		<li><a href="#nogo">Xem tất cả</a></li>
		<li><a href="#nogo">Thêm quảng cáo mới</a></li>
		<li><a href="#nogo">Cập nhật quảng cáo</a></li>
	</ul>
	</div>
	</li>
</ul>
<ul class="select">
	<li><a href="#"><b>Quản Lý Đơn Hàng</b><!--[if IE 7]><!--></a><!--<![endif]-->
	<div class="select_sub">
	<ul class="sub">
		<li><a href="admin-index.jsp?id=admin-order-manager.jsp">Xem tất cả</a></li>
		<li><a href="admin-index.jsp?id=admin-addorder.jsp">Thêm đơn hàng mới</a></li>
		<li><a href="admin-index.jsp?id=admin-order-yet-manager.jsp">Xem đơn hàng chưa duyệt</a></li>
		<li><a href="admin-index.jsp?id=admin-order-right-manager.jsp">Xem đơn hàng đã duyệt</a></li>
	</ul>
	</div>
	</li>
</ul>

<div class="clear"></div>
</div>
<div class="clear"></div>
</div>

</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<div id="content-outer"><!-- start content -->
<div id="content">
<%
String id=(String)request.getParameter("id");
if(id==null||id==""){
	id="admin-home.jsp";
}
%>
<jsp:include page="<%=id%>"></jsp:include>

<div class="clear">&nbsp;</div>

</div>
<div class="clear">&nbsp;</div>
</div>
<div class="clear">&nbsp;</div>
	<div class="clear">&nbsp;</div>
<div class="clear">&nbsp;</div>

<div id="footer">
<div id="footer-left">Admin Skin &copy; Copyright HocWeb.vn. <a
	href="#">HocWeb.vn</a>. All rights reserved.</div>
<div class="clear">&nbsp;</div>
</div>
</body>
</html>